<!doctype html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<!--基于框架引入的css-->
		<link href="../../libs/css/mui.min.css" rel="stylesheet" />
		<link href="../../css/mui.picker.css" rel="stylesheet" />
		<link href="../../css/mui.poppicker.css" rel="stylesheet" />
		<!--自定义样式引入-->
		<link href="../../css/common.css" rel="stylesheet" />
		<link href=" ../../css/my.css" rel="stylesheet" />
		<style type="text/css">
			.qrcode{
				position: absolute;
				bottom: 5px;
				right: 0;
			}
			.mui-collapse{
				padding: 0px 20px;
			}
			.mui-collapse .mui-navigate-right:after{
				display: none;
			}
			.sign-up-page.mui-content{
				padding: 0;
			}
			.personal-info .mui-navigate-right:after{
				display: none;
			}
		</style>
	</head>

	<body >
		<div id="main">
		<header class="mui-bar mui-bar-nav" style="box-shadow: none;">
		    <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
		    <h1 class="mui-title">14672990434</h1>
		    <a class="mui-pull-right mui-icon" @click="save">完成</a>
		    
		</header>
			<!--下拉刷新容器-->
			<div class="mui-content sign-up-page" >
				<div class="mui-text-center my-info-header">
					<div class="header-img ">
						<img src="../../img/dock_me_actived.png" alt="" />
					</div>
				</div>
			    <!--数据列表-->
		    	<div class="mui-collapse">
					<div class="mui-navigate-right">公司信息<span class="add-btn mui-pull-right" @click="toNewOrg">＋新增机构</span></div>
				</div>
			    <div class="person-company-info">
				    <form class="mui-input-group mui-disabled">
				        <div class="mui-input-row">
				            <label>所在公司:</label>

				            <input disabled  value="德国博世科技集团有限公司"><span class="mui-pull-right qrcode"></span>
				        </div>
				    </form>
				    <form class="mui-input-group">
				        <div class="mui-input-row no-border">
				            <label>所在国家:</label>
				              <a class="mui-navigate-right" id='showCountry'>
				            <input disabled placeholder="请选择国家">
				            </a>
				        </div>
				    </form>
				    <form class="mui-input-group">
				        <div class="mui-input-row no-border">
				            <label>所在城市:</label>
				             <a class="mui-navigate-right" id='showCity'>
				            <input disabled placeholder="请选择城市">
							</a>

				        </div>
				    </form>
				    <form class="mui-input-group">
				        <div class="mui-input-row">
				            <label>联系地址:</label>
				            <input  class="mui-input-clear" placeholder="请输入联系地址" value="成都市武侯区天府大道1111号">
				        </div>
				    </form>
				    <form class="mui-input-group">
				        <div class="mui-input-row">
				            <label>职位:</label>
				            <input  class="mui-input-clear" placeholder="请输入职位" value="销售经理">
				        </div>
				    </form>
				    <form class="mui-input-group">
				        <div class="mui-input-row">
				            <label>联系电话:</label>
				            <input  class="mui-input-clear" placeholder="请输入公司联系电话" value="028-09390444">
				        </div>
				    </form>
				    <div class="logout-company" @click="logoutOrg">退出机构</div>
				    </div>
				    <div class="personal-info">
							<div class="mui-navigate-right">个人信息</div>
				    <form class="mui-input-group">
				        <div class="mui-input-row no-border">
				            <label>姓名:<span  class="mui-pull-right" style="color:orange">实名认证</span></label>
				            <input placeholder="请输入真实姓名" v-model="name">
				        </div>
				    </form>
				    <form class="mui-input-group">
				        <div class="mui-input-row">
				            <label>昵称:</label>
				            <input  placeholder="请输入需要修改的昵称"  v-model="nickName">
				        </div>
				    </form>
				    <form class="mui-input-group">
				        <div class="mui-input-row no-border">
				            <label>使用语言:</label>
				             <a class="mui-navigate-right" id='showLang'>
				            
				            <input disabled  placeholder="请选择语言" v-model="lang">
				            </a>
				        </div>
				    </form>
				    <form class="mui-input-group">
				        <div class="mui-input-row no-border">
				            <label>生日:</label>
				             <a class="mui-navigate-right" >
				            
				            <input disabled  placeholder="请选择生日"  v-model="birth">
				            </a>
				        </div>
				    </form>
				    <form class="mui-input-group">
				        <div class="mui-input-row no-border">
				            <label>性别:</label>
				            <a class="mui-navigate-right">
				            	<input v-model="sex" disabled placeholder="请选择性别" >
							</a>
				        </div>
				    </form>
					<form class="mui-input-group">
				        <div class="mui-input-row no-border">
				            <label>职位:</label>
				            <a class="mui-navigate-right">
				            	<input v-model="position" placeholder="请输入职位" >
							</a>
				        </div>
				    </form>
				    <!--<form class="mui-input-group">
				        <div class="mui-input-row ">
				            <label>联系手机:</label>
				            <input class="mui-input-clear" placeholder="请输入手机号码"  v-model="phone">
				        </div>
				    </form>
				    <form class="mui-input-group">
				        <div class="mui-input-row">
				        	<label >兴趣方向:</label>
				        	<div class="">
				            <span  class=" border-tag mui-active">IT</span>
				            <span  class=" border-tag"  >旅游</span>
				            <span  class=" border-tag"  >城市建设</span>
				            <span  class=" border-tag"  >餐饮</span>
				            <span  class=" border-tag"  >体育</span>
				        	</div>
				        </div>
				    </form>-->
			    </div>
			</div>
		</div>
		<script src="../../libs/js/jquery-3.2.1.min.js"></script>
		<script src="../../libs/js/mui.min.js"></script>
		<script src="../../libs/js/vue.min.js"></script>
		<script src="../../js/common.js"></script>
		<script src="../../js/mui.picker.js"></script>
		<script src="../../js/mui.poppicker.js"></script>
		<script src="../../js/mine/editMyInfo.js"></script>
		<script type="text/javascript">
//			(function($, doc) {
//				$.init();
//				var userPicker = new $.PopPicker();
//					userPicker.setData([{
//						value: 'ywj',
//						text: '男'
//					}, {
//						value: 'aaa',
//						text: '女'
//					}]);
//					var showUserPickerButton = doc.getElementById('showUserPicker');
//					var userResult = doc.getElementById('userResult');
//					showUserPickerButton.addEventListener('tap', function(event) {
//						userPicker.show(function(items) {
//							userResult.value = items[0].text
//							//返回 false 可以阻止选择框的关闭
//							//return false;
//						});
//					}, false);
//				var userPicker2 = new $.PopPicker();
//					userPicker2.setData([{
//						value: 'ywj',
//						text: '中文'
//					}, {
//						value: 'aaa',
//						text: '英文'
//					}]);
//					var showLang = doc.getElementById('showLang');
//					var showLangInput = doc.getElementById('showLangInput');
//					showLang.addEventListener('tap', function(event) {
//						userPicker2.show(function(items) {
//							showLangInput.value = items[0].text
//							//返回 false 可以阻止选择框的关闭
//							//return false;
//						});
//					}, false);
//				})(mui, document);
		</script>
	</body>

</html>